@import "_mixins.scss";

.#{$css-prefix}col {
  float: left;
  box-sizing: border-box;
  
  .mx-col--span-0 {
    display: none;
  }
}

@for $i from 0 through 24 {
  .mx-col--span-#{$i} {
    width: (1 / 24 * $i * 100) * 1%;
  }

  .mx-col--offset-#{$i} {
    margin-left: (1 / 24 * $i * 100) * 1%;
  }

  .mx-col--pull-#{$i} {
    position: relative;
    right: (1 / 24 * $i * 100) * 1%;
  }

  .mx-col--push-#{$i} {
    position: relative;
    left: (1 / 24 * $i * 100) * 1%;
  }
}
